/** Add css rules here for your application. */
body {
	overflow-x:hidden;	/* firefox workaround */	
}
div#gwtgall {
	background: black;
}
.plugin {
	margin: auto;
}
.thumbnails {
	width: 800px;
	margin: auto;
	margin-top: 15px;
}
table.original {
	margin: auto;
	margin-top: 15px;
	cursor: pointer;
}
table.loader {
	margin: 100px auto auto auto;
}
.thumbnails img {
	margin: 6px;
	opacity:0.40;
	filter:alpha(opacity=40);
	border: 1px #ccc solid;
}
.thumbnails img:hover {
	margin: 6px;
	opacity:1;
	filter:alpha(opacity=100);
	border: 1px #fff solid;
}
.active {
	opacity:1 !important;
	filter:alpha(opacity=100) !important;
	border: 1px solid white !important;
	z-index:100;
}
.toolbar {
	background-color: black;
	position: absolute;
	top: 0;
	left: 0;
	opacity:0.6;
	filter:alpha(opacity=60);	
	color: white;
	padding: 5px;
}
.slideshow {
	background:none repeat scroll 0 0 red;
	height:10%;
	position:absolute;
	right:45%;
	top: 45%;
	visibility:visible;
	width:10%;
}
.navigationwrap {
	margin: auto;
	width: 600px;
}
.thumbs {
	display:block;
}
.prev, .next, .thumbs {
	height: 45px;
	width: 45px;
	margin: 2px;
	display:block;
	float:left;
	cursor: pointer;
	background-repeat:no-repeat;
	text-indent: -9999px;
}
.prev {
	background: url(navigation.png);
	background-position: 0px 0px;
}
.thumbs {
	background: url(navigation.png);
	background-position: 0px 90px;
}
.thumbs_active {
	background-position: 90px 90px;
}
.next {
	background: url(navigation.png);
	background-position: 135px 45px;
}
.nodata {
	padding: 10px;
	margin: auto;
	color: white;
	margin-top: 100px;
}
.nodata-title {
	font-weight: bold;
}
.navigation {
	margin: auto; 
	margin-top:20px;
}
.loader {
	text-align: center;
}